<template>
  <div class="loading">
    <img src="./loading.gif" alt="">
    <div class="text">{{message}}</div>
  </div>
</template>

<script>
export default {
  props: {
    message: {
      default: '正在加载中...',
      type: String
    }
  }
}
</script>

<style scoped lang="stylus">
@import "~common/styles/variable.styl"
.loading{
  width 100%;
  text-align center;
  img{
    width 40px;
    height:40px;
  }
  .text{
    text-align center;
    line-height 30px;
    height: 30px;
    font-size $font-size-medium;
    color $color-text-d;
  }
}
</style>
